﻿<!DOCTYPE html>
<html>
  <head>
    <title>3.4 睡眠辅助</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/3_4_睡眠辅助/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/3_4_睡眠辅助/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u706" class="ax_default _形状" data-label="Rectangle">
        <div id="u706_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u707" class="ax_default _图片 disabled">
        <img id="u707_img" class="img " src="images/1_1_闹钟设定/u23.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u708" class="ax_default _一级标题">
        <div id="u708_div" class=""></div>
        <div id="u708_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u709" class="ax_default line">
        <img id="u709_img" class="img " src="images/3_设置/u375.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u710" class="ax_default line">
        <img id="u710_img" class="img " src="images/3_设置/u375.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u711" class="ax_default box_2">
        <div id="u711_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u712" class="ax_default box_2">
        <div id="u712_div" class=""></div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u713" class="ax_default line">
        <img id="u713_img" class="img " src="images/3_设置/u379.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u714" class="ax_default label">
        <div id="u714_div" class=""></div>
        <div id="u714_text" class="text ">
          <p><span>铃声</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u715" class="ax_default label">
        <div id="u715_div" class=""></div>
        <div id="u715_text" class="text ">
          <p><span>默认</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u716" class="ax_default icon">
        <img id="u716_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u717" class="ax_default line">
        <img id="u717_img" class="img " src="images/3_设置/u379.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u718" class="ax_default label">
        <div id="u718_div" class=""></div>
        <div id="u718_text" class="text ">
          <p><span>振动</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u719" class="ax_default label">
        <div id="u719_div" class=""></div>
        <div id="u719_text" class="text ">
          <p><span>仅振动</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u720" class="ax_default icon">
        <img id="u720_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u721" class="ax_default line">
        <img id="u721_img" class="img " src="images/3_设置/u379.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u722" class="ax_default label">
        <div id="u722_div" class=""></div>
        <div id="u722_text" class="text ">
          <p><span>小睡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u723" class="ax_default label">
        <div id="u723_div" class=""></div>
        <div id="u723_text" class="text ">
          <p><span>5分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u724" class="ax_default icon">
        <img id="u724_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u725" class="ax_default line">
        <img id="u725_img" class="img " src="images/3_设置/u379.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u726" class="ax_default label">
        <div id="u726_div" class=""></div>
        <div id="u726_text" class="text ">
          <p><span>天气播报</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u727" class="ax_default label">
        <div id="u727_div" class=""></div>
        <div id="u727_text" class="text ">
          <p><span>开</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u728" class="ax_default icon">
        <img id="u728_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u729" class="ax_default label">
        <div id="u729_div" class=""></div>
        <div id="u729_text" class="text ">
          <p><span>睡眠辅助</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u730" class="ax_default label">
        <div id="u730_div" class=""></div>
        <div id="u730_text" class="text ">
          <p><span>开</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u731" class="ax_default icon">
        <img id="u731_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u732" class="ax_default label">
        <div id="u732_div" class=""></div>
        <div id="u732_text" class="text ">
          <p><span>高级功能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u733" class="ax_default label">
        <div id="u733_div" class=""></div>
        <div id="u733_text" class="text ">
          <p><span>睡眠报告</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u734" class="ax_default label">
        <div id="u734_div" class=""></div>
        <div id="u734_text" class="text ">
          <p><span>开</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u735" class="ax_default icon">
        <img id="u735_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u736" class="ax_default box_2">
        <div id="u736_div" class=""></div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u737" class="ax_default line">
        <img id="u737_img" class="img " src="images/3_设置/u379.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u738" class="ax_default label">
        <div id="u738_div" class=""></div>
        <div id="u738_text" class="text ">
          <p><span>帮助</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u739" class="ax_default line">
        <img id="u739_img" class="img " src="images/3_设置/u379.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u740" class="ax_default label">
        <div id="u740_div" class=""></div>
        <div id="u740_text" class="text ">
          <p><span>版权声明</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u741" class="ax_default label">
        <div id="u741_div" class=""></div>
        <div id="u741_text" class="text ">
          <p><span>更多</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u742" class="ax_default label">
        <div id="u742_div" class=""></div>
        <div id="u742_text" class="text ">
          <p><span>关于我们</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u743" class="ax_default icon">
        <img id="u743_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u744" class="ax_default icon">
        <img id="u744_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u745" class="ax_default icon">
        <img id="u745_img" class="img " src="images/3_设置/u382.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u746" class="ax_default" data-left="359" data-top="316" data-width="411" data-height="11">

        <!-- Unnamed (水平线) -->
        <div id="u747" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="404" CompoundMode="true">
          <img id="u747_img" class="singleImg img " src="images/1_1_闹钟设定/u112.png"/>
          <div id="u747p000" class="ax_vector_shape" WidgetTopLeftX="-0.495098039215686" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.495098039215686" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.495098039215686" WidgetBottomLeftY="0" WidgetBottomRightX="0.495098039215686" WidgetBottomRightY="0">
            <img id="u747p000_img" class="img " src="images/3_1_振动/u464p000.png"/>
          </div>
          <div id="u747p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="101" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="101" WidgetBottomRightY="0">
            <img id="u747p001_img" class="img " src="images/3_1_振动/u464p001.png"/>
          </div>
          <div id="u747p002" class="ax_vector_shape" WidgetTopLeftX="20" WidgetTopLeftY="0" WidgetTopRightX="-0.2" WidgetTopRightY="0" WidgetBottomLeftX="20" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.2" WidgetBottomRightY="-0.05">
            <img id="u747p002_img" class="img " src="images/1_3_音乐设置/u272p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u748" class="ax_default _形状">
          <div id="u748_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u749" class="ax_default image">
        <img id="u749_img" class="img " src="images/1_1_闹钟设定/u114.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u750" class="ax_default _文本段落" data-label="Header 2">
        <div id="u750_div" class=""></div>
        <div id="u750_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u751" class="ax_default _形状" data-label="Rectangle">
        <div id="u751_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u752" class="ax_default _图片 disabled">
        <img id="u752_img" class="img " src="images/1_1_闹钟设定/u23.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u753" class="ax_default _一级标题">
        <div id="u753_div" class=""></div>
        <div id="u753_text" class="text ">
          <p><span>睡眠辅助</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u754" class="ax_default line">
        <img id="u754_img" class="img " src="images/3_设置/u375.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u755" class="ax_default line">
        <img id="u755_img" class="img " src="images/3_设置/u375.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u756" class="ax_default label">
        <div id="u756_div" class=""></div>
        <div id="u756_text" class="text ">
          <p><span>睡眠辅助</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u757" class="ax_default icon">
        <img id="u757_img" class="img " src="images/3_1_振动/u482.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u758" class="ax_default" data-left="783" data-top="267" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u759" class="ax_default box_2">
          <div id="u759_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u760" class="ax_default label">
          <div id="u760_div" class=""></div>
          <div id="u760_text" class="text ">
            <p><span>开启</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u761" class="ax_default" data-left="783" data-top="315" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u762" class="ax_default box_2">
          <div id="u762_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u763" class="ax_default label">
          <div id="u763_div" class=""></div>
          <div id="u763_text" class="text ">
            <p><span>关闭</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u764" class="ax_default _图片">
        <img id="u764_img" class="img " src="images/1_3_音乐设置/u268.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u765" class="ax_default" data-left="1078" data-top="724" data-width="411" data-height="11">

        <!-- Unnamed (水平线) -->
        <div id="u766" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="404" CompoundMode="true">
          <img id="u766_img" class="singleImg img " src="images/1_1_闹钟设定/u112.png"/>
          <div id="u766p000" class="ax_vector_shape" WidgetTopLeftX="-0.492682926829268" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.492682926829268" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.492682926829268" WidgetBottomLeftY="0" WidgetBottomRightX="0.492682926829268" WidgetBottomRightY="0">
            <img id="u766p000_img" class="img " src="images/3_4_睡眠辅助/u766p000.png"/>
          </div>
          <div id="u766p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.5" WidgetTopRightX="100.75" WidgetTopRightY="-0.5" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="100.75" WidgetBottomRightY="0">
            <img id="u766p001_img" class="img " src="images/1_1_闹钟设定/u117p001.png"/>
          </div>
          <div id="u766p002" class="ax_vector_shape" WidgetTopLeftX="18.1818181818182" WidgetTopLeftY="0" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0" WidgetBottomLeftX="18.1818181818182" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="-0.05">
            <img id="u766p002_img" class="img " src="images/1_1_闹钟设定/u117p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u767" class="ax_default _形状">
          <div id="u767_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u768" class="ax_default image">
        <img id="u768_img" class="img " src="images/1_1_闹钟设定/u114.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u769" class="ax_default _文本段落" data-label="Header 2">
        <div id="u769_div" class=""></div>
        <div id="u769_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u770" class="ax_default _形状" data-label="Rectangle">
        <div id="u770_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u771" class="ax_default _图片 disabled">
        <img id="u771_img" class="img " src="images/1_1_闹钟设定/u23.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u772" class="ax_default _一级标题">
        <div id="u772_div" class=""></div>
        <div id="u772_text" class="text ">
          <p><span>定时关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u773" class="ax_default line">
        <img id="u773_img" class="img " src="images/3_设置/u375.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u774" class="ax_default line">
        <img id="u774_img" class="img " src="images/3_设置/u375.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u775" class="ax_default label">
        <div id="u775_div" class=""></div>
        <div id="u775_text" class="text ">
          <p><span>计时结束后，将暂停播放歌曲</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u776" class="ax_default icon">
        <img id="u776_img" class="img " src="images/3_1_振动/u482.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u777" class="ax_default" data-left="2205" data-top="348" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u778" class="ax_default box_2">
          <div id="u778_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u779" class="ax_default label">
          <div id="u779_div" class=""></div>
          <div id="u779_text" class="text ">
            <p><span>5分钟后</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u780" class="ax_default" data-left="2205" data-top="396" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u781" class="ax_default box_2">
          <div id="u781_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u782" class="ax_default label">
          <div id="u782_div" class=""></div>
          <div id="u782_text" class="text ">
            <p><span>10分钟后</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u783" class="ax_default" data-left="2205" data-top="444" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u784" class="ax_default box_2">
          <div id="u784_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u785" class="ax_default label">
          <div id="u785_div" class=""></div>
          <div id="u785_text" class="text ">
            <p><span>15分钟后</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u786" class="ax_default" data-left="2205" data-top="492" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u787" class="ax_default box_2">
          <div id="u787_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u788" class="ax_default label">
          <div id="u788_div" class=""></div>
          <div id="u788_text" class="text ">
            <p><span>20分钟后</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u789" class="ax_default" data-left="2205" data-top="300" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u790" class="ax_default box_2">
          <div id="u790_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u791" class="ax_default label">
          <div id="u791_div" class=""></div>
          <div id="u791_text" class="text ">
            <p><span>不开启</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u792" class="ax_default _图片">
        <img id="u792_img" class="img " src="images/1_3_音乐设置/u268.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u793" class="ax_default" data-left="2205" data-top="673" data-width="306" data-height="73">

        <!-- Unnamed (矩形) -->
        <div id="u794" class="ax_default box_2">
          <div id="u794_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u795" class="ax_default label">
          <div id="u795_div" class=""></div>
          <div id="u795_text" class="text ">
            <p><span>播完当前音乐再关闭</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u796" class="ax_default label">
          <div id="u796_div" class=""></div>
          <div id="u796_text" class="text ">
            <p><span>打开后，计时结束后将播放完当前音乐再关闭</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u797" class="ax_default" data-left="2454" data-top="685" data-width="49" data-height="28">

          <!-- Unnamed (矩形) -->
          <div id="u798" class="ax_default _形状">
            <div id="u798_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u799" class="ax_default _形状">
            <div id="u799_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u800" class="ax_default" data-left="2205" data-top="540" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u801" class="ax_default box_2">
          <div id="u801_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u802" class="ax_default label">
          <div id="u802_div" class=""></div>
          <div id="u802_text" class="text ">
            <p><span>25分钟后</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u803" class="ax_default" data-left="2205" data-top="588" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u804" class="ax_default box_2">
          <div id="u804_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u805" class="ax_default label">
          <div id="u805_div" class=""></div>
          <div id="u805_text" class="text ">
            <p><span>30分钟后</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u806" class="ax_default label">
        <div id="u806_div" class=""></div>
        <div id="u806_text" class="text ">
          <p><span>收听舒缓的音乐，帮助您安然入睡。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u807" class="ax_default _文本段落">
        <img id="u807_img" class="img " src="images/3_4_睡眠辅助/u807.png"/>
        <div id="u807_text" class="text ">
          <p><span><br></span></p><p><span><br></span></p><p><span>1. 睡眠辅助功能默认为开启状态。</span></p><p><span><br></span></p><p><span>2. 用户可自行选择音乐</span></p><p><span><br></span></p><p><span>3. 定时关闭：默认为关闭状态。</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp;&nbsp; 时间间隔：为5分钟，可选项为5分钟、10分钟、15分钟、20分钟、&nbsp; 25分钟、30分钟。该时间间隔由用户在此页面设置。</span></p><p><span><br></span></p><p><span><br></span></p><p><span>4. 定时关闭中默认开启“播完当前音乐在关闭”功能，即使计时结束，也不会立即停止音乐。</span></p><p><span><br></span></p><p><span>5. 点击左上角“&lt;”按钮跳转至【4.1闹钟设置】页面。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u808" class="ax_default box_2">
        <div id="u808_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u809" class="ax_default label">
        <div id="u809_div" class=""></div>
        <div id="u809_text" class="text ">
          <p><span>Music one</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u810" class="ax_default label">
        <div id="u810_div" class=""></div>
        <div id="u810_text" class="text ">
          <p><span>音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u811" class="ax_default icon">
        <img id="u811_img" class="img " src="images/3_4_睡眠辅助/u811.png"/>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u812" class="ax_default _形状" data-label="Rectangle">
        <div id="u812_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u813" class="ax_default _图片 disabled">
        <img id="u813_img" class="img " src="images/1_1_闹钟设定/u23.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u814" class="ax_default _一级标题">
        <div id="u814_div" class=""></div>
        <div id="u814_text" class="text ">
          <p><span>音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u815" class="ax_default line">
        <img id="u815_img" class="img " src="images/3_设置/u375.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u816" class="ax_default line">
        <img id="u816_img" class="img " src="images/3_设置/u375.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u817" class="ax_default icon">
        <img id="u817_img" class="img " src="images/3_1_振动/u482.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u818" class="ax_default" data-left="1498" data-top="259" data-width="306" data-height="263">

        <!-- Unnamed (组合) -->
        <div id="u819" class="ax_default" data-left="1498" data-top="281" data-width="306" data-height="49">

          <!-- Unnamed (矩形) -->
          <div id="u820" class="ax_default box_2">
            <div id="u820_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u821" class="ax_default label">
            <div id="u821_div" class=""></div>
            <div id="u821_text" class="text ">
              <p><span>Music one</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u822" class="ax_default" data-left="1498" data-top="329" data-width="306" data-height="49">

          <!-- Unnamed (矩形) -->
          <div id="u823" class="ax_default box_2">
            <div id="u823_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u824" class="ax_default label">
            <div id="u824_div" class=""></div>
            <div id="u824_text" class="text ">
              <p><span>Music two</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u825" class="ax_default" data-left="1498" data-top="377" data-width="306" data-height="49">

          <!-- Unnamed (矩形) -->
          <div id="u826" class="ax_default box_2">
            <div id="u826_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u827" class="ax_default label">
            <div id="u827_div" class=""></div>
            <div id="u827_text" class="text ">
              <p><span>Music three</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u828" class="ax_default" data-left="1498" data-top="425" data-width="306" data-height="49">

          <!-- Unnamed (矩形) -->
          <div id="u829" class="ax_default box_2">
            <div id="u829_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u830" class="ax_default label">
            <div id="u830_div" class=""></div>
            <div id="u830_text" class="text ">
              <p><span>Music four</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u831" class="ax_default label">
          <div id="u831_div" class=""></div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u832" class="ax_default _图片">
          <img id="u832_img" class="img " src="images/1_3_音乐设置/u268.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u833" class="ax_default" data-left="1498" data-top="473" data-width="306" data-height="49">

          <!-- Unnamed (矩形) -->
          <div id="u834" class="ax_default box_2">
            <div id="u834_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u835" class="ax_default label">
            <div id="u835_div" class=""></div>
            <div id="u835_text" class="text ">
              <p><span>Music five</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u836" class="ax_default" data-left="1498" data-top="660" data-width="306" data-height="49">

        <!-- Unnamed (组合) -->
        <div id="u837" class="ax_default" data-left="1498" data-top="660" data-width="306" data-height="49">

          <!-- Unnamed (矩形) -->
          <div id="u838" class="ax_default box_2">
            <div id="u838_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u839" class="ax_default label">
            <div id="u839_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u840" class="ax_default label">
          <div id="u840_div" class=""></div>
          <div id="u840_text" class="text ">
            <p><span>定时关闭</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u841" class="ax_default icon">
          <img id="u841_img" class="img " src="images/3_4_睡眠辅助/u811.png"/>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u842" class="ax_default image">
        <img id="u842_img" class="img " src="images/1_1_闹钟设定/u114.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u843" class="ax_default _文本段落" data-label="Header 2">
        <div id="u843_div" class=""></div>
        <div id="u843_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u844" class="ax_default" data-left="1794" data-top="681" data-width="401" data-height="11">

        <!-- Unnamed (水平线) -->
        <div id="u845" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="394" CompoundMode="true">
          <img id="u845_img" class="singleImg img " src="images/3_4_睡眠辅助/u845.png"/>
          <div id="u845p000" class="ax_vector_shape" WidgetTopLeftX="-0.4925" WidgetTopLeftY="0" WidgetTopRightX="0.4925" WidgetTopRightY="0" WidgetBottomLeftX="-0.4925" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.4925" WidgetBottomRightY="0.166666666666667">
            <img id="u845p000_img" class="img " src="images/3_4_睡眠辅助/u845p000.png"/>
          </div>
          <div id="u845p001" class="ax_vector_shape" WidgetTopLeftX="-0.25" WidgetTopLeftY="-0.25" WidgetTopRightX="98.25" WidgetTopRightY="-0.25" WidgetBottomLeftX="-0.25" WidgetBottomLeftY="0" WidgetBottomRightX="98.25" WidgetBottomRightY="0">
            <img id="u845p001_img" class="img " src="images/1_1_闹钟设定/u112p001.png"/>
          </div>
          <div id="u845p002" class="ax_vector_shape" WidgetTopLeftX="17.7272727272727" WidgetTopLeftY="0.05" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0.05" WidgetBottomLeftX="17.7272727272727" WidgetBottomLeftY="0" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="0">
            <img id="u845p002_img" class="img " src="images/1_1_闹钟设定/u112p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u846" class="ax_default _形状">
          <div id="u846_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u847" class="ax_default" data-left="1498" data-top="521" data-width="306" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u848" class="ax_default box_2">
          <div id="u848_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u849" class="ax_default label">
          <div id="u849_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u850" class="ax_default label">
        <div id="u850_div" class=""></div>
        <div id="u850_text" class="text ">
          <p><span>Music six</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u851" class="ax_default" data-left="1498" data-top="569" data-width="306" data-height="49">

        <!-- Unnamed (组合) -->
        <div id="u852" class="ax_default" data-left="1498" data-top="569" data-width="306" data-height="49">

          <!-- Unnamed (矩形) -->
          <div id="u853" class="ax_default box_2">
            <div id="u853_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u854" class="ax_default label">
            <div id="u854_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u855" class="ax_default label">
          <div id="u855_div" class=""></div>
          <div id="u855_text" class="text ">
            <p><span>Music seven</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u856" class="ax_default _一级标题">
        <div id="u856_div" class=""></div>
        <div id="u856_text" class="text ">
          <p><span>睡眠辅助</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u857" class="ax_default" data-left="56" data-top="780" data-width="326" data-height="46">

        <!-- Unnamed (矩形) -->
        <div id="u858" class="ax_default box_3">
          <div id="u858_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u859" class="ax_default label">
          <div id="u859_div" class=""></div>
          <div id="u859_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u860" class="ax_default label">
          <div id="u860_div" class=""></div>
          <div id="u860_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u861" class="ax_default _图片">
          <img id="u861_img" class="img " src="images/1_1_闹钟设定/u143.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u862" class="ax_default label">
          <div id="u862_div" class=""></div>
          <div id="u862_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u863" class="ax_default _图片">
          <img id="u863_img" class="img " src="images/3_设置/u421.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u864" class="ax_default _图片">
          <img id="u864_img" class="img " src="images/2_天气功能/u369.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u865" class="ax_default" data-left="772" data-top="780" data-width="326" data-height="46">

        <!-- Unnamed (矩形) -->
        <div id="u866" class="ax_default box_3">
          <div id="u866_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u867" class="ax_default label">
          <div id="u867_div" class=""></div>
          <div id="u867_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u868" class="ax_default label">
          <div id="u868_div" class=""></div>
          <div id="u868_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u869" class="ax_default _图片">
          <img id="u869_img" class="img " src="images/1_1_闹钟设定/u143.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u870" class="ax_default label">
          <div id="u870_div" class=""></div>
          <div id="u870_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u871" class="ax_default _图片">
          <img id="u871_img" class="img " src="images/3_设置/u421.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u872" class="ax_default _图片">
          <img id="u872_img" class="img " src="images/2_天气功能/u369.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u873" class="ax_default" data-left="1488" data-top="789" data-width="326" data-height="46">

        <!-- Unnamed (矩形) -->
        <div id="u874" class="ax_default box_3">
          <div id="u874_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u875" class="ax_default label">
          <div id="u875_div" class=""></div>
          <div id="u875_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u876" class="ax_default label">
          <div id="u876_div" class=""></div>
          <div id="u876_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u877" class="ax_default _图片">
          <img id="u877_img" class="img " src="images/1_1_闹钟设定/u143.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u878" class="ax_default label">
          <div id="u878_div" class=""></div>
          <div id="u878_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u879" class="ax_default _图片">
          <img id="u879_img" class="img " src="images/3_设置/u421.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u880" class="ax_default _图片">
          <img id="u880_img" class="img " src="images/2_天气功能/u369.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u881" class="ax_default" data-left="2195" data-top="785" data-width="326" data-height="46">

        <!-- Unnamed (矩形) -->
        <div id="u882" class="ax_default box_3">
          <div id="u882_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u883" class="ax_default label">
          <div id="u883_div" class=""></div>
          <div id="u883_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u884" class="ax_default label">
          <div id="u884_div" class=""></div>
          <div id="u884_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u885" class="ax_default _图片">
          <img id="u885_img" class="img " src="images/1_1_闹钟设定/u143.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u886" class="ax_default label">
          <div id="u886_div" class=""></div>
          <div id="u886_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u887" class="ax_default _图片">
          <img id="u887_img" class="img " src="images/3_设置/u421.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u888" class="ax_default _图片">
          <img id="u888_img" class="img " src="images/2_天气功能/u369.png"/>
        </div>
      </div>
    </div>
  </body>
</html>
